﻿@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.tit{text-align: center;font-weight: normal;height: 118px;display: block;padding-top: 108px;}
.tit span{display:block;font-size: 52px;color: #222222;line-height: 52px; }
.tit span b{ font-weight: normal; color: #c51317;}
.tit i{display:block;font-size: 20px;color: #666666;line-height: 20px;padding-top: 15px;}

.banner{height: 650px;position: relative;}
.bdu{width: 100% !important;height: 650px;}
.bdu li{width: 100% !important;height: 650px;position:relative;}
.bdu li a{display: block;height: 650px;}
.bdu li img{height:650px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 10px;right: 0;bottom: 44px;text-align: center;}
.hdu li{display: inline-block;width: 12px;height: 12px;background: #ececec;margin:0 10px;border-radius: 6px;}
.hdu li.on{background: #c51317;}


/*search*/
.search{height: 60px;border-bottom:1px solid #f2f2f2; background: #fafafa;}
.search p{float: left;height: 60px;line-height: 60px;font-size: 14px;color: #999999;}
.search p a{margin-right:30px;color: #999999;font-size: 14px;}
.s_box{float: right;margin-top:10px;width: 276px;height: 36px;border-bottom:1px solid #d4d4d4;}
.s_box .input1{float:left;width:230px;padding-left: 15px;height:36px;line-height: 36px;font-size:14px;color:#333;border:0;background: none;outline: 0;}
.s_box .input2{float: left;width:20px;height: 36px;border: 0;background: url(../images/sea.png) no-repeat center;outline: 0;cursor: pointer;}

.yz{ height: 638px;background: url(../images/yz_bg.jpg) no-repeat center;}
.yz dl{padding-top: 80px;}
.yz dt img{ display: block; width: 118px; height: 40px;}
.yz dd h3{ display: block; font-size: 50px; line-height: 50px; color: #222222;font-weight: normal; padding-top: 18px; position: relative; padding-bottom: 80px;}
.yz dd h3 i{ color: #c51317;}
.yz dd h3:after{ position: absolute; content:"";background:#999999; width: 100px; height: 2px;top: 100px; left:0;}
.yz dd p{font-size: 16px; line-height: 40px; color: #666666; width: 618px;}
.yz ul{ margin-top: 60px;}
.yz ul li{ float: left; width: 180px; padding-left: 90px;background: url(../images/yz_ic.png) no-repeat right; font-size: 16px; line-height: 30px; color: #333333;}
.yz ul li b{font-weight: normal; font-size: 30px; margin-right: 5px;}
.yz ul li:first-child{ padding-left: 0;}
.yz ul li:last-child{ background: 0;}
.yz ul li span{ display: block;text-transform: uppercase;font-size: 12px; color: #999999; opacity: 0.5; font-family: "Myriad Pro";}
.yz ul li:hover,.yz ul li:hover span{ color: #c51317;}

.pro{ height:708px; background: url(../images/pro_bg.jpg) no-repeat center;}
.pro .pro_t{ margin-left:280px;}
.pro .pro_t li{ float:left;height: 77px; line-height: 77px;}
.pro .pro_t li a{ display: block; font-size: 18px; color: #333;height: 36px; line-height: 36px; padding:0 31px; margin-top: 18px; margin-right: 20px;} 
.pro .pro_t li.cur a,.pro .pro_t li:hover a{ background: #c51317; color: #fff; border-radius: 18px;}
.pro .pro_t li:last-child a{ margin-right: 0;}
.pro .pro_con ul li{ float: left; width: 292px; margin-right: 10px; margin-bottom: 10px;}
.pro .pro_con ul li:nth-child(4),.pro .pro_con ul li:nth-child(8){ margin-right: 0;}
.pro .pro_con ul li img{ width: 292px; height: 292px; display:block;}
.pro .pro_con ul li em{ display: block; height: 100px; background: #fff;}
.pro .pro_con ul li span{ width: 292px;font-size: 16px; color: #333; display: block; line-height: 16px; padding-bottom: 35px;background: url(../images/pro_ic.png) no-repeat bottom ; text-align: center;padding-top: 30px; }
.pro .pro_con ul li:hover span{ color: #c51317;background: url(../images/pro_ich.png) no-repeat bottom ;}

.team{ height: 475px; background: url(../images/team_bg.jpg) no-repeat center; }
.team .tit{ padding-top: 127px; height: 150px;}
.team .team_t li{ float: left; width: 240px; padding: 0 39px; height: 145px; border-right: 1px solid #eaeaea; font-size: 14px; color: #666666; line-height: 24px;}
.team .team_t li:first-child{ padding-left: 0;}
.team .team_t li:last-child{ padding-right: 0; border: 0;}
.team .team_t li span{ display: block; font-size: 22px; line-height:22px;color: #333333; padding: 10px 0 20px;}
.team .team_t li span b{ display: inline-block; width: 36px; height: 36px; font-size:22px ; color:#c51317 ; line-height: 36px; border: 1px solid #c51317; text-align:center ; border-radius: 18px; font-weight: normal;}
.team_con{ margin-top: 52px;}
.team_l{float:left; width:380px ;}
.team_l ul li{float: left;width:175px; height:230px;margin-right: 15px;margin-bottom: 15px;position: relative;}
.team_l ul li img{display: block;width: 175px;height: 230px;}
.team_l ul li p{display: none; position: absolute;width:175px; height:230px;left: 0; top: 0; background: rgba(0,0,0,0.5);}
.team_l ul li p>img{ width: 28px; height: 28px; margin-top: 100px; margin-left: 75px;}
.team_l ul li:hover p{ display: block;}

.team_r{ width:820px; float: right;}
.team_r dt img{ display: block; width: 328px; height: 475px;}
.team_r dd{ width: 437px; height: 475px;background: url(../images/tm_dd.jpg) no-repeat center; padding-left: 55px; }
.team_r dd h3{ display: block; margin-top: 88px; margin-bottom: 55px; font-size: 30px; line-height: 30px; color: #333;}
.team_r dd h3 span{ display: inline-block; font-size: 18px; color: #222222; font-weight: normal; margin-left: 16px;}
.team_r dd p{ font-size: 14px; color: #666666; line-height: 26px; width: 360px; margin-bottom: 34px;}
.team_r dd p b{ color: #333333;}
.team_r dd .lian{ display: inline-block; width: 147px; height: 42px; color: #fff; line-height: 42px; text-align: center;font-size: 14px; background: #c51317; border-radius: 21px; margin-right: 50px;}
.team_r dd .more{ display: inline-block; width: 147px; height: 42px; color: #fff; line-height: 42px; text-align: center;font-size: 14px; background: #333333; border-radius: 21px; }

.ys{ height: 1317px; background: url(../images/ys_bg.jpg) no-repeat center; }
.ys .tit{ padding-top: 140px; height: 128px;}
.ys_con{height: 560px;width: 100%;overflow: hidden;display: block;}
.ys_con ul{width: 102%;}
.ys_con li{float: left;width: 25%;height: 560px;position: relative;transition:all 0.5s;}
.ys_con li b{position: absolute;font-size: 40px;color: #fff;line-height: 50px;text-align: center;width: 170px;left: 50%;margin-left: -85px;top: 150px; font-weight: normal;}
.ys_con li b i{ display: block;}
.ys_con li span{ position: absolute;font-size: 14px;line-height: 28px;text-align: center;width: 170px;left: 50%;margin-left: -85px;top: 270px;color: #bdbcba;text-transform: uppercase;}
.ys_con li p{opacity: 0;position: absolute;font-size: 14px;color: #fff;line-height: 28px;text-align: center;width: 380px;left: 50%;margin-left: -180px;top: 580px;transition:all 0.5s;}
.ys_con li:hover{width: 720px;}
.ys_con li:hover p{opacity: 1;top:324px;}
.ys_con li:hover b i{ display: inline-block;}
.ys_s{  margin-top: 78px;}
.ys_s .content{position: relative; }
.ys_s li{ float:left; margin-right: 19px;}
.ys_s li img{width:388px;height:291px;display: block;}
.ys_s li span{width:388px;;text-align: center;height: 50px;line-height: 50px; display: block; font-size: 16px; }
.ys_s .sprev{position: absolute;left:-40px;top:140px;width:17px;height: 35px;background:url(../images/sprev.png) no-repeat;z-index: 10;}
.ys_s .snext{position: absolute;right:-40px;top: 140px;width:17px;height: 35px;background:url(../images/snext.png) no-repeat;z-index: 10;}


.sd{ height: 526px; background: url(../images/sd_bg.jpg) no-repeat center; }
.sd .tit{ padding-top: 125px; height: 132px;}
.sd .sd_con li{float: left;width: 145px;height:186px;padding: 0 58px;border-right: 1px solid #e7e7e7; }
.sd .sd_con li i{ display: block; width: 112px; height: 112px;
background:url(../images/sd_h1.png) no-repeat center;margin: 0 auto; }
.sd .sd_con li i img{ display: block; width: 55px; height: 48px; padding-top: 32px; margin-left: 28px;}
.sd .sd_con li:first-child{ padding-left: 0;}
.sd .sd_con li:last-child{ padding-right:0;border: 0;}
.sd .sd_con li span{display: block;text-align: center; font-size: 16px; color: #666666;}
.sd .sd_con li span em{ display: block; font-size: 20px; color: #333333; font-weight: bold; line-height: 34px; padding-top: 12px;}
.sd .sd_con li:hover i{background:url(../images/sd_h2.png) no-repeat center;  }

.ser .tit{ height:128px;}
.ser{ height: 808px; background: url(../images/ser_bg.jpg) no-repeat center; }
.ser dl{ float: left; width: 392px; margin-right: 12px;}
.ser dl:last-child{ margin-right: 0;}
.ser dt img{ width: 392px; height: 290px; display: block;} 
.ser dd{ height: 207px; background: #fff; width: 326px;padding: 0 33px;}
.ser dd h3{ font-size: 28px;line-height: 28px; padding: 35px 0 20px; font-weight: normal; border-bottom: 1px solid #e7e7e7;background: url(../images/ser_ic.png) no-repeat right 40px;}
.ser dd p{ font-size:16px ; color:#666666 ; line-height: 28px; padding-top: 12px;}
.ser dl:hover h3{color: #c51317;background: url(../images/ser_ich.png) no-repeat right 40px;}

.case{ height: 884px; background: url(../images/case_bg.jpg) no-repeat center 0; }
.case .tit{ height:140px; padding-top: 122px;}
.case_con ul{ border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; box-sizing: border-box;}
.case_con li{  width: 239px; height: 135px;border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; float: left;box-sizing: border-box; }
.case_con li img{ display: block; width: 238px; height: 133px;filter: grayscale(100%);}
.case_con li:hover img{filter: grayscale(0); }

.new{ height: 788px;background: url(../images/new_bg.jpg) no-repeat center;}
.new_l{ float: left; width: 785px; height: 480px; background: #fff;}
.new_l .new_s{padding-left: 28px; border-bottom: 1px solid #dcdcdc ;}
.new_l .new_s h3{display: block; padding-left: 125px; height: 70px; line-height: 80px; font-size: 20px; color: #111111;background: url(../images/toutiao.png) no-repeat left;font-weight: normal; }
.new_l .new_s p{ width: 730px; height: 100px; color: #999999; font-size: 14px; line-height: 26px;}
.new_l .new_s:hover h3 a{ color: #c51317;}
.new_z{ height:205px;}
.new_z dl{;padding-left: 28px; padding-top: 40px; width: 364px; height:142px; border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.new_z dl:nth-child(2){border-right:0;}
.new_z dt { float:left; display:block;width:68px; height:63px; background: #cccccc; color: #fff; text-align: center; padding-top: 25px; font-size: 18px;}
.new_z dl:hover dt{ background:#c51317;}
.new_z dl:hover h4 a{ color: #c51317;}
.new_z dt span{ display: block;font-size: 12px; background: url(../images/line.png) no-repeat top; padding-top: 4px;}
.new_z dd{ float:left; margin-left: 15px;}
.new_z dd h4{ display: block; margin-top: 10px; margin-bottom: 12px ; font-size: 16px; font-weight: normal; line-height: 24px; color: #333333;}
.new_z dd p{ width: 270px; font-size: 14px; line-height: 24px; color: #999999;}

.new_x li a{ font-size: 14px; line-height: 36px; color: #333333; padding-left: 20px; margin-left:20px;background: url(../images/yuan.png) no-repeat left;}
.new_x li:hover a{background: url(../images/yuanh.png) no-repeat left; }
.new_x li:hover a{ color: #c51317;}
.new_x li span{ float: right;font-size: 14px;  line-height: 36px;  display: block; color: #8c8c8c; padding-right: 30px;}
.new_r{ float: right; width: 398px; height: 480px; background: #fff;}
.new_r .new_t{ padding:0 25px;}
.new_t h3{display: block; height: 60px; line-height: 60px; font-weight: normal;padding-left: 30px;background: url(../images/new_ic.png) no-repeat left;}
.new_t h3 a{ float: left; font-size: 20px; color: #333333;  }
.new_t h3 span{display: block; float:right;width: 22px; height: 22px; margin-right: 14px; padding-top: 5px;}
.new_t dt img{ display: block; width: 348px; height: 175px;}
.new_t dd h4{  display: block;font-size: 16px; font-weight: normal; line-height: 45px; height: 45px; color: #333333;}
.new_t dd p{ height: 74px; border-bottom: 1px solid #dcdcdc; font-size: 14px; line-height: 24px; color: #666666;}
.new_t dl:hover h4 a{ color: #c51317;}
.new_t ul{ margin-top: 20px;}
.new_t ul li{ padding-left: 20px; background: url(../images/yuan.png) no-repeat left;}
.new_t li a{ font-size: 14px; line-height: 36px; color: #333333; }
.new_t li:hover{background: url(../images/yuanh.png) no-repeat left; }
.new_t li:hover a{ color: #c51317;}

.abt{ height: 966px;background: url(../images/abt_bg.jpg) no-repeat center;}
.abt .tit{ padding-top: 128px; height: 136px;}
.abt dt img{ display: block; width: 1200px; height: 493px;}
.abt dd h3{ display:block; width:262px; height:96px;background: url(../images/abt_ic.jpg) no-repeat center; padding-top: 32px; padding-left:36px ;font-size: 24px; color: #fff;font-weight: bold;float: left;}
.abt dd h3 span{display: block;}
.abt dd p{ width: 846px; height: 86px; float: left; background: #faf9fb; padding-left: 56px;padding-top: 42px; width: 684px; color: #2e2e2e; font-size: 14px; line-height: 28px;opacity: 0.8;}